<!DOCTYPE html>

<!--
  Google HTML5 Stefania's first presentation

  Authors: Stefania Druga (content and reverse engineering)
		   Luke Mahé (code)
           Marcin Wichary (code and design)
           
           Dominic Mazzoni (browser compatibility)
           Charles Chen (ChromeVox support)

  URL: http://code.google.com/p/html5slides/
-->

<html>
  <head>
    <title>Education Challenge Singularity University 2012</title>

    <meta charset='utf-8'>
    <script
      src='http://html5slides.googlecode.com/svn/trunk/slides.js'></script

  </head>
  
  <style>

  </style>

  <body style='display: none'>

    <section class='slides layout-regular template-default'>
      
      <!-- Your slides (<article>s) go here. Delete or comment out the
           slides below. -->
       
   

      <article>
        <h1>
          Education Challenge
          <br>
          Singularity University 2012
        </h1>
        <p>
          Stefania Druga
          <br>
         25 June , 2012
        </p>
      </article>
	<article>
        <h3>
       What did just happen in the last 60 seconds..
        </h3>
        <p>
          <img style='height: 500px' src='https://lh4.googleusercontent.com/-8NbU01CFtIU/T9rlas3npqI/AAAAAAAASZg/0UDO6Uu37fE/s663/Screen%2520Shot%25202012-06-15%2520at%252012.17.50%2520AM.png'>
        </p>
        <div class='source'>
          Source: Jaime Casap, Google 2012
        </div>
      </article>
      <article>
        <h3>
	Bridges and access..
        </h3>
        <p>
          <img style='height: 500px' src='http://2.bp.blogspot.com/_QDBhKLfwP-w/TJ4eTSKIBuI/AAAAAAAAAFo/OAzQlPyR9sc/s1600/PE-305-0706%5B2%5D.jpg'>
        </p>
        <div class='source'>
          Source: corbis
        </div>
      </article>
	 <article>
        <h3>
	My role in this 
        </h3>
        <p>
          <img style='height: 500px' src='https://lh4.googleusercontent.com/-V_alf3zNNDU/T9rvhzyCUKI/AAAAAAAASZ0/lOJ-2KyYHLY/s611/Screen%2520Shot%25202012-06-15%2520at%25201.16.27%2520AM.png'>
        </p>
      </article>

      
      <article>
        <h3>
         Current challenges
        </h3>
        <p>
          slide graph 285
		  slide graph 270
		  slide graph 271 
          This is a slide with just text. This is a slide with just text.
          This is a slide with just text. This is a slide with just text.
        </p>
        <p>
          There is more text just underneath with a <code>code sample: 5px</code>.
        </p>
      </article>

      
      <article>
        <h3>
          Styles
        </h3>
        <ul>
          <li>
            <span class='red'>class="red"</span>
          <li>
            <span class='blue'>class="blue"</span>
          <li>
            <span class='green'>class="green"</span>
          <li>
            <span class='yellow'>class="yellow"</span>
          <li>
            <span class='black'>class="black"</span>
          <li>
            <span class='white'>class="white"</span>
          <li>
            <b>bold</b> and <i>italic</i>
        </ul>
      </article>
      
      <article>
        <h2>
          Segue slide
        </h2>
      </article>


      <article class='fill'>
        <h3>
          Image filling the slide (with optional header)
        </h3>
        <p>
          <img src='images/example-cat.jpg'>
        </p>
        <div class='source white'>
          Source: Eric Schmidt
        </div>
      </article>

      <article>
        <h3>
          This slide has some code
        </h3>
        <section>
        <pre>
&lt;script type='text/javascript'&gt;
  // Say hello world until the user starts questioning
  // the meaningfulness of their existence.
  function helloWorld(world) {
    for (var i = 42; --i &gt;= 0;) {
      alert('Hello ' + String(world));
    }
  }
&lt;/script&gt;
&lt;style&gt;
  p { color: pink }
  b { color: blue }
  u { color: 'umber' }
&lt;/style&gt;
</pre>
        </section>
      </article>
      
      <article class='smaller'>
        <h3>
          This slide has some code (small font)
        </h3>
        <section>
        <pre>
&lt;script type='text/javascript'&gt;
  // Say hello world until the user starts questioning
  // the meaningfulness of their existence.
  function helloWorld(world) {
    for (var i = 42; --i &gt;= 0;) {
      alert('Hello ' + String(world));
    }
  }
&lt;/script&gt;
&lt;style&gt;
  p { color: pink }
  b { color: blue }
  u { color: 'umber' }
&lt;/style&gt;
</pre>
        </section>
      </article>
      
      <article>
        <q>
          The best way to predict the future is to invent it.
        </q>
        <div class='author'>
          Alan Kay
        </div>
      </article>
      
      
  </body>
</html>
